
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

body {
	font-size: 16px;
	height: 100%;
	background: #e6e6e6;
	/* overflow-x: hidden; */
}

a {
	color: #4e4a46;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #c94e50;
	outline: none;
}

button:focus {
	outline: none;
}

/* 顶部 */
.appTop{
	background-image: linear-gradient(89deg, #30bded 0, #2085c5 100%);
    border-bottom: 1px solid #fff;
    background-color: #5899d0;
    min-height: 90px;
    padding-bottom: 20px;
    border: 1px solid transparent;
}
.appTop h1, .appTop > a{
	margin-left: 60px;
	color: #fff;
}

/* 传送门 */
#magic-door{
	position: fixed;
	top: 5em;
	right: 10em;
}
#magic-door a{
	color: #fff;
	background-color: rgba(120,210,104,0.8);
	border:0;
	cursor: pointer;
	padding: 8px 15px 5px 15px;
}
#magic-door ul{
	list-style: none;
	border: 1px solid #000;
	padding: 10px 15px;
}



#articleList {
	margin-bottom: 20px;
	padding: 10px 5px;
	
	-webkit-animation-delay: 0.5s !important;
	animation-delay: 0.5s !important;
}
.article{
	background: #fbfbfb;
    border: 1px solid blue;
}
.article .container-fluid{
	padding: 5px 40px;
}
.titleBox h2{
	margin: 10px 0;
}
.titleBox span{
	color: #9D9D9D;
}
.titleBox small{
	color: #690;
}
.contentInfo{
	font-size: 1em;
    line-height: 25px;
    margin: 10px auto 20px auto;
    overflow: hidden;
}

/* 遮罩 */
.maskLayer {
	z-index: 1000;
	position: fixed;
	top:0;
	bottom: 0;
	width: 100%;
	background-color: #000000;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity = 40);
}